<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/pc_base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/html5shiv.min.js"></script>
    <script src="js/js.js"></script>
    <style type="text/css" id="sty"></style>
    <title>Document</title>
</head>
<body>
    <header>
        <div class="pcHeader">
            <div class="pcHeader-top">
                <div class="pcHeader-top-c w clearfix">
                    <div class="nav fr">
                        <ul class="fr">
                            <li><a href="#">注册</a></li>
                            <li><a href="#">登录</a></li>
                            <li><a href="#">Global</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pcHeader-bottom">
              <div class="w clearfix">
                  <div class="logoBox fl">
                  </div>
                  <div class="navBox fr">
                      <ul>
                          <li><a href="#"><span>首页</span></a></li>
                          <li><a href="#">产品</a></li>
                          <li><a href="#">商城</a></li>
                          <li><a href="#">体验店</a></li>
                          <li><a href="#">服务</a></li>
                          <li><a href="#">ColorOS</a></li>
                          <li><a href="#">社区</a></li>
                          <li><a href="#">云服务</a></li>
                      </ul>
                  </div>
              </div>
            </div>
        </div>
        <div class="webHeader">
            <div class="webHeader-c">
                <div class="icon1"></div>
                <div class="iconLogo"></div>
                <div class="icon2"></div>
            </div>
        </div>
    </header>
    <!-- banner -->
    <section class="bannerBox">
        <div class="banner">

        </div>
    </section>
    <!-- product -->
    <section class="productBox">
        <div class="product-c">
            <div class="w clearfix product">
                <ul class="fl">
                    <li>
                        <div class="img-box"><img src="./image/produc1.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product2.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product3.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product4.jpg" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/produc1.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product2.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product3.png" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                    <li>
                        <div class="img-box"><img src="./image/product4.jpg" alt=""></div>
                        <h2>R11 巴萨限量版</h2>
                        <span><i>￥3499.00</i></span>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!--  info -->
    <section>
        <div class="inforBox">
            <div class="infor-c">
                <div class="w clearfix infor">
                    <img src="./image/info1.png" alt="" class="img1">
                    <img src="./image/info2.png" alt="" class="img2">
                </div>
            </div>
        </div>
    </section>
    <!-- footer  -->
    <!--

    推荐机型
R11
R11 Plus
A57
A59s
 服务
服务网点查询
零配件价格查询
官方授权网店
 关于我们
关于OPPO
加入我们
 商务合作
开放平台
采购相关


    -->
    <section class="footerBox">
        <div class="footer">
            <div class="w footer-c clearfix">
                <div class="footer1 clearfix" >
                    <div class="f1-left fl">
                        <dl class="fl">
                            <dt>推荐机型</dt>
                            <dd>R11</dd>
                            <dd>R11 Plus</dd>
                            <dd>A57</dd>
                            <dd>A59s</dd>
                        </dl>
                        <dl class="fl">
                            <dt>推荐机型</dt>
                            <dd>R11</dd>
                            <dd>R11 Plus</dd>
                            <dd>A57</dd>
                            <dd>A59s</dd>
                        </dl>
                        <dl class="fl">
                            <dt>推荐机型</dt>
                            <dd>R11</dd>
                            <dd>R11 Plus</dd>
                            <dd>A57</dd>
                            <dd>A59s</dd>
                        </dl>
                        <dl class="fl">
                            <dt>推荐机型</dt>
                            <dd>R11</dd>
                            <dd>R11 Plus</dd>
                            <dd>A57</dd>
                            <dd>A59s</dd>
                        </dl>
                    </div>
                    <div class="f1-right fr">
                        <img src="./image/f1-icon.png" alt="">
                        <p>4001-666-888</p>
                        <span>(24小时全国服务热线)</span>
                    </div>
                </div>
                <div class="footer2">
                    <div>
                        <p>4001-666-888</p>
                        <span>(24小时全国服务热线)</span>
                    </div>
                    <div>
                        <img src="./image/f1-icon.png" alt="" width="95%">
                    </div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>